<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>myCollect</title>
    <link rel="stylesheet" th:href="@{/static_resources/css/nav.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/palette.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/myCollect.css}" type="text/css">
    <script th:src="@{/static_resources/js/palette.js}" type="text/javascript"></script>
</head>
<body>
<div class="navHeader">
    <div class="navLeft">
        <div class="logo">
            <img th:src="@{/static_resources/img/KeLe.png}" alt="">
            <div class="KeLeWorld">
                <img th:src="@{/static_resources/img/KeLeWorld.png}" alt="">
            </div>
        </div>
        <ul class="navUl">
            <li class="navLi">
                <a class="A" th:href="@{../tooIndex}">首页</a>
            </li>
            <li class="navLi">
                <a class="A" th:href="@{../to/toClassify}">分类</a>
            </li>
            <li class="navLi">
                <a class="A" th:href="@{/manager/findAllUser}">管理系统</a>
            </li>
        </ul>
    </div>
    <div class="navF11">
        <div class="searchContainer">
            <div class="searchInput">全屏</div>
            <div class="glass">
                <img th:src="@{/static_resources/img/fullScreen.png}" alt="">
            </div>
        </div>
    </div>
    <div class="navMiddle">
        <div class="searchContainer">
            <a th:href="@{../to/toSearch}" class="searchInput">搜索</a>
            <div class="glass">
                <img th:src="@{/static_resources/img/fangdajing.png}" alt="">
            </div>
        </div>
    </div>
    <div class="navRight">
        <div class="workCenter">
            <a class="A" th:href="@{../to/toWrite}" target="_blank">
                创作中心
            </a>
        </div>
        <div class="vip">
            <a class="A" th:href="@{../to/toVipCenter}">会员中心</a>
        </div>
        <div class="headerPictureContainer">
            <div class="headerPicture headerPictures">

            </div>
            <div class="message">
                <h3 class="messageName"></h3><!--后台数据*用户名-->
                <div class="vipTF">vip</div><!--vip-->
                <div class="line"></div><!--下划线-->
                <div class="personalCenterC">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{../to/toPeopleCenter}">个人中心</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/icon7.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{../blogs/findBlogsByBlogger}">内容管理</a>
                    </div>
                    <div class="personalCenterIco">
                        <img id="OtherPicture" th:src="@{/static_resources/img/neirongguanli.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter background color">
                        <a class="peopleCenter color">我的收藏</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/collection.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter">退出登录</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/tuichu.png}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div class="w peopleCenterContainer">
    <!--    个人中心外面大盒子-->
    <div class="personalCenter_box">
        <!--        带有外边距用于缩小时固定内容的盒子-->
        <div class="personCenter">
            <!--            左侧的导航栏-->
            <div class="personal_left">
                <ul style="list-style: none">
                    <li>
                        <!--                        <a class="color block">个人资料</a>-->
                        <a class="peopleCenterA" th:href="@{../to/toPeopleCenter}">
                            个人资料
                        </a>
                    </li>
                    <!--                    <li>-->
                    <!--                        <a class="block" href="编辑资料.html">编辑资料</a>-->
                    <!--                    </li>-->
                    <li>
                        <a class="peopleCenterA active" th:href="@{../to/toMyCollect}">
                            我的收藏
                        </a>
                    </li>
                    <li>
                        <a class="peopleCenterA" th:href="@{../to/toContentManagement}">
                            内容管理
                        </a>
                    </li>
                </ul>
                <div class="paletteColor">
                    <p>调色板</p>
                    <p>R <input type="range" min="0" max="255" value="0" name="R"><span>0</span></p>
                    <p>G <input type="range" min="0" max="255" value="0" name="G"><span>0</span></p>
                    <p>B <input type="range" min="0" max="255" value="0" name="B"><span>0</span></p>
                    <p>A <input type="range" min="0" max="100" value="20" name="A"><span>0.2</span></p>
                </div>
            </div>
        </div>
<!--        <div class="myCollect">-->
<!--            <div class="myCollect_box">-->
<!--                <div class="myCollectLeft">-->
<!--                    <ul>-->
<!--                        <li>新建收藏夹</li>-->
<!--                    </ul>-->
<!--                </div>-->

<!--                <div class="myCollectRight">-->

<!--                </div>-->
<!--                <div style="clear: both"></div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="contentManagement">
            <div class="contentManagement_box">
                <div class="contentTitle">

                </div>
                <div class="sendTime">
                    2020-6-8
                </div>
                <div class="contentData">
                    取消收藏
                </div>
                <div style="clear: both"></div>
                <div class="contentBox">
                    最终实现全民参与、全民经商、共享资源、共享利益的宏大愿景。
                    ,,.. '..' , 3"
                    习理国际商城包括PC端和移动端。移动端商城依托于公司自主研发的习理智能桌面，它集合了语音输入分析，搜索引擎、交易平台等功能，无须动手，动动口，即可实现吃喝玩乐、交友、购票等选择??随着习理国际网上商城的面世，传统的网上购物方式被一举打破，语
                    音购物新电商模式开启。新电商模式下，消费者只要对着手机开口说话，即可实现商品的选择购买下单。和传统电商不同的是，习理国际商城则全面的包含了民生、政务、企业等多个行业。
                    习理国际平台首创 B2B、C2C、B2C、020等移动互联网新经济产业模式，于移动互联网和 PC互联网上构建了新型企业自动化营销电商系统，从根本上解决了当下电商平台在渠道保护，品牌保护、价格保护等方面出现的一些问题，从而更大程度上保证商家的利益，提升了企业竞争力。

                </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/static_resources/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/otherLogin.js}" type="text/javascript"></script>
</body>
</html>